<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>Blog</title>
	<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
	<link rel="stylesheet" href="/stylesheets/header.css">
	<link rel="stylesheet" href="/stylesheets/blog.css">
	<link href='https://cdn.webfont.youziku.com/webfonts/nomal/107450/45803/59a915bef629d808084fd878.css' rel='stylesheet'>
</head>
<body>
	<%- include header.ejs %>
	<div class="container wrap">
		<div class="col-lg-8">
		<% posts.forEach(function (post,index) { id = post._id.toString(); %>
			<div class="row article">
				<div class="time"><%= post.time.day %></div>
				<div class="col-lg-4"><a href="#" class="thumbnail"><img src="images/banner-bg-1.jpg" alt="..."></a></div>
				<div class="col-lg-8">
					<a class="b-c-lookmore clear" href="/id/<%= id %>"><h2><%= post.title %></h2></a>
					<p class="comment-bar">
					<span class="glyphicon glyphicon-eye-open"></span>&nbsp;&nbsp;阅读：<%= post.pv %>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<span class="glyphicon glyphicon-retweet"></span>&nbsp;&nbsp;评论：<%= post.comments.length %>
					</p>
				</div>
			</div>
		<% }) %>
		</div>
		<div class="col-lg-4">
			<div class="row text-center personal-ins">
				<img src="images/myphoto.jpg" alt="...." class="img-circle my-photo">
				<div class="caption">
					<h3>陈伟</h3>
					<p>安徽大学</p>
					<p>2014级信息安全专业</p>
					<p>渔火映月明，笙歌踏海兮。<br>始春风已至，寒樱扶凉兮。</p>
				</div>
			</div>
		</div>
	</div>
	<footer class="footer col-xs-12">
		<p class="text-center">© 2017 ChenWei. All rights reserved.</p>	
	</footer>
	<script type="text/javascript" src="/javascripts/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="/javascripts/bootstrap.min.js"></script>
</body>
</html>